<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<title>后台管理</title>
<style type="text/css">	
	.top{width:100%; height:100px; font-size:30px; background-image:url(img/ccc.png);background-repeat: no-repeat;line-height:100px;}
	.left { border-right: 1px #bebebe solid; width: 15%; height:auto; float:left;}
	.right {width: 84%; height: auto; float:right; }
	.hover{ background: #ebeef3; }
	.left li{list-style:none;}
	.test li{list-style:none;float:left;}
	#menu {width:100%;overflow:hidden;margin-top:22px;margin-bottom:0px;height:57px;overflow:hidden;padding-bottom:1px;border-bottom:5px solid #323232}
	#menu li {float:left}
	#menu li a {display:block;font-size:26px;color:#fff;font-weight:600;padding:0 35px;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;behavior:url(js/PIE.htc);position:relative;text-decoration:none;text-transform:uppercase;line-height:57px}
	#menu li a:hover, #menu #menu_active a {background:#323232}
	#menu .end a {padding-right:36px}
	.nav1 {background:#3081c8}
	.nav2 {background:#8cbd20}
	.nav3 {background:#f09e2f}
	.nav4 {background:#b530ba}
	.nav5 {background:#30b6c9}
	.table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding-left:10px;}
    .table{border:solid #add9c0; border-width:1px 0px 0px 1px; background: #ebeef3;}	
</style>
	
<script type="text/javascript">
function funcShow(id){
    for(var i=0;i<2;i++){
     var divInfo =document.getElementById('div'+(i+1));
     divInfo.style.display='none';
    }
    var div =document.getElementById('div'+id);
     div.style.display='block';
   }
$(document).ready(function() {
	$(".left li").mouseover(function() {
        $(this).addClass("hover").siblings().removeClass("hover");
    }).mouseout(function() {
        $(this).removeClass("hover").siblings().removeClass("hover");
    });
	
	$("#button1").click(function(){
		//（你要写的代码）这里写一个刷新的方法  读取所有用户数量并显示在#text1 里面！
		$.ajax({
            url:"RegistCountServlet",
            dataType: "json", 
            data:"type=managerALL",
            type:"POST",
            success:function(msg){
                $("#text1").val(msg.count);
            }
        });
		
	});
	$("#button2").click(function(){
		//（你要写的代码）这里写一个刷新的方法  读取今天注册用户数量并显示在#text2 里面！
		$.ajax({
            url:"RegistCountServlet",
            dataType: "json", 
            data:"type=managerToday",
            type:"POST",
            success:function(msg){
                $("#text1").val(msg.count);
            }
        });
	});
	
	
});
 
</script>	
</head>
<body>
<div class=top>你好！总管理员</div>
<div class=test>
	<nav>
		<ul id="menu">
			<li><a href="manager.html" class="nav1">首页</a></li>
			<li><a href="userinfo.html" class="nav2">用户信息</a></li>
			<li><a href="userManage.html" class="nav3">用户管理</a></li>
			<li><a href="stop.html" class="nav4">功能暂定</a></li>
			<li class="end"><a href="stop.html" class="nav5">功能暂定</a></li>
		</ul>
	</nav>
</div>
</br>
<div class=left>
	<ul>
		<li><a href="javascript:funcShow(1)">用户数量</a></li>
		<li><a href="javascript:funcShow(2)">用户基本信息</a></li>
		
	</ul>


</div>
<div class=right >
<div id="div1" style="display:block" >
	<ul>
		<li>查看所有用户数量
		<!-- onClick="document.execCommand('refresh',false,0)" -->
			
			<input id="button1" type="button" value="刷新" />
			<br/>
			<input id="text1" type="text" value="人数显示框1"/>	
		</li>
		<li>查看今天注册的用户数量
			<input id="button2" type="button" value="刷新" />
			<br/>
			<input id="text2" type="text" value="人数显示框2"/>
		</li>	
	</ul>
</div>

<div id="div2" style="display:none">
 用户基本信息列表
 <table class=table>
 	<tr>
 	<td>公司名</td>
 	<td>用户名</td>
 	<td>地址</td>
 	<td>邮箱</td>
 	<td>联系号码</td>
 	<td>客服人数</td>
 	<td>删除</td>	
 	</tr>
 	<!-- （你要写的代码）这里要从数据库里面读取客户的基本信息然后显示 -->
 	<tr>
 	<td>abc</td>
 	<td>11</td>
 	<td>22</td>
 	<td>33</td>
 	<td>44</td>
 	<td>4</td>
 	<td><input id="football" type="checkbox" value="删除"/></td>
 	</tr>
 </table>
</div>
</div>
</body>
</html>